<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>element-由www.magicalcoder.com可视化布局器生成</title>
<link href="https://lib.baomitu.com/element-ui/2.10.1/theme-chalk/index.css" rel="stylesheet"/>
<link href="http://lowcode.magicalcoder.com/magicalcoder/assets/drag/ui/magicalcoder/1.1.0/magicalcoder.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.3/json3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.6.0/echarts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.6.0/extension/dataTool.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="https://lib.baomitu.com/element-ui/2.10.1/index.js"></script>
<script src="http://www.magicalcoder.com/assets/js/common.js"></script>
<script src="http://lowcode.magicalcoder.com/magicalcoder/assets/drag/ui/magicalcoder/1.1.0/magicalcoder.js"></script>
<style>

</style>

</head>
<body style="">
<div id="magicalDragScene" class="mc-root mc-ui-absolute-pane"><template>
	<el-image style="width: 15%; height: 300px; position: absolute; left: 10.2707%; top: 10.1429%;" th:src="${a.film_pic}"></el-image>
	<span class="mc-ui-geometry-char" style="height: 200px; width: 500px; position: absolute; left: 31.6083%; top: 24.4286%;" th:text="${a.film_Intro}">文字</span>
	<span class="mc-ui-geometry-char" style="height: 20px; width: 300px; position: absolute; left: 31.6083%; top: 12.1429%;" th:text="${a.film_name}">文字</span>
	<span class="mc-ui-geometry-char" style="height: 20px; width: 100px; position: absolute; left: 10.2707%; top: 60.2857%;">评分</span>
	<el-rate style="position: absolute; left: 10.1115%; top: 65.7143%;" v-model="rate" :max="5" :low-threshold="0" :high-threshold="0"></el-rate>
	<el-button style="position: absolute; left: 19.5064%; top: 64.1429%; width: 10%;" @click="_change">确定</el-button>
	<p>{{rate}}</p>
</template></div>
<script>
var vueData = {rate : 0};
var vueMethod = {focus : function (e) {try {_t.fastKey.focusElem(e);}catch(e) {}},/*别删我*/
_tabClick : function(){setTimeout(function(){new McECharts().render();},200)},
_change : function () {
	var a = vueData.rate
	var b = window.location.href.substr(window.location.href.indexOf("=")+1)
	axios.get('http://localhost:8089/springbootdemo/user/addrate?id='+b+"&&rate="+a)
			.then(function (response) {
				console.log(response);
				alert("评分成功")
				window.location = "http://localhost:8089/springbootdemo/"
			})
			.catch(function (error) { // 请求失败处理
				console.log(error);
			});
}
};
var vueMounted = function(){}
var myMethod = {}
for (var key in myMethod) {
    vueMethod[key] = myMethod[key];
}
var myMounted = null
if(myMounted!==null){vueMounted=myMounted;}
var myData = {}
Object.assign(vueData, myData);
var _t = this;
var Ctor = Vue.extend({
    //提前绑定的变量
    data: function() {
        return vueData;
    },
    //页面加载完 会执行方法 可以做一些初始化操作
    mounted: vueMounted,
    /*当前页面绑定的方法集合 与布局器节点一一映射即可 参照element ui文档*/
    methods: vueMethod
});
new Ctor().$mount('#magicalDragScene');
//echarts自动初始化
new McECharts().render();

</script>
</body>

</html>